﻿<%@ Page Title="" Language="VB" MasterPageFile="~/mobile.master" AutoEventWireup="false" CodeFile="signup.aspx.vb" Inherits="signup" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<link rel="stylesheet"  href="../css/themes/default/jquery.mobile-1.1.1.css" />
<!--  	<link rel="stylesheet" href="docs/_assets/css/jqm-docs.css" />
	<script src="docs/_assets/js/jqm-docs.js"></script> -->
	<link rel="stylesheet" href="../css/acs.css" />
	<script type="text/javascript" src="../js/jquery.js"></script>
	<script>
	    $(document).bind("mobileinit", function () {
	        $.mobile.ajaxEnabled = false;
	    });
    </script>
	<script type="text/javascript" src="../js/jquery.mobile-1.1.1.js"></script>
    <script>
        function check() {
            alert(document.getElementById("basic").value)
        }    
                    function doValidate()
                    {
                        if (Page_ClientValidate()) {
                            var link = document.getElementById("ContentPlaceHolder1_HyperLink1");
                            link.href = "#second_signup";
                        } 
                       
                    }
	</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div data-role="page" id="first_signup">
        <div data-role="header" data-theme="f">
              <a href="default.aspx" data-icon="back" data-iconpos="notext" data-rel="dialog"
                data-transition="fade">Back</a>
            <a href="default.aspx" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
            <div id="loginimg">
                <Strong>SIGN UP</strong></div>
                  <div id="pageno">
                <img src="../images/p1.png" />
        </div></div>
        <!-- /header -->
        <div data-role="content">
            <asp:HiddenField ID="UniID" runat="server" />            
            <label for="firstname">
                FIRST NAME 
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="This field is required" ForeColor="Blue" ControlToValidate="firstname"></asp:RequiredFieldValidator></label>
            <asp:textbox runat="server" name="firstname" id="firstname" data-mini="true" />
            <label for="lastname">
                LAST NAME <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="This field is required" ForeColor="Blue" ControlToValidate="lastname"></asp:RequiredFieldValidator></label>
            <asp:textbox runat="server" name="lastname" id="lastname" data-mini="true" />
            <label for="email">
                E-MAIL 
            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                ErrorMessage="This field is required" ForeColor="Blue" ControlToValidate="emailbox" 
                Display="Dynamic"></asp:RequiredFieldValidator>
                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                ErrorMessage="Please enter a valid email address" ControlToValidate="emailbox" Display="Dynamic" 
                ForeColor="Blue" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator></label>
            <asp:textbox runat="server" type="text" name="email" id="emailbox" data-mini="true" />
            <label for="phone">
                PHONE </label>
            <asp:textbox runat="server" name="phone" id="phonebox" data-mini="true" />
            <label for="uniList">
                UNIVERSITY <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="This field is required" ForeColor="Blue" ControlToValidate="uniList"></asp:RequiredFieldValidator></label>
            <asp:DropDownList ID="uniList" runat="server" DataSourceID="SqlDataSource1" data-mini="true" 
                DataTextField="UNIVERISTY_NAME" DataValueField="ID" AppendDataBoundItems="True">
                <asp:ListItem></asp:ListItem>
            </asp:DropDownList>
            <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
                ConnectionString="<%$ ConnectionStrings:ApplicationServices %>" 
                SelectCommand="SELECT * FROM [UNIVERSITIES]"></asp:SqlDataSource>
            <label for="uni_id">
                UNI/STUDENT ID</label>
            <asp:textbox runat="server" name="studentbox" id="studentbox" data-mini="true" />
            <div id="nextbtn">
                <asp:HyperLink ID="HyperLink1" runat="server" onclick="doValidate()" data-role="button" data-transition="slide">Next</asp:HyperLink>
            </div>
        </div>    
    </div>
    <div data-role="page" id="second_signup">
        <div data-role="header" data-theme="f">
                <a href="#first_signup" data-icon="back" data-iconpos="notext"
                data-transition="slide">Back</a>
            <a href="default.aspx" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
            <div id="loginimg">
                <strong>SIGN UP</strong></div>
                <div id="pageno2">
                <img src="images/p2.png"/>
        </div>
        </div>
        <!-- /header -->
        <div data-role="content">
            <div class="loginnote">
                ADDITIONAL INFORMATION (OPTIONAL)</div><br />
            <label for="subjectarea">
                SUBJECT AREA</label>
            <asp:DropDownList ID="SubjectList" runat="server"  data-mini="true" >
                <asp:ListItem></asp:ListItem>
                <asp:ListItem>Accounting or Business</asp:ListItem>
                <asp:ListItem>Computer Sciences</asp:ListItem>
                <asp:ListItem>Creative art or design</asp:ListItem>
                <asp:ListItem>Economics or Finance</asp:ListItem>
                <asp:ListItem>Education</asp:ListItem>
                <asp:ListItem>Engineering or Technology</asp:ListItem>
                <asp:ListItem>Government, Politics, International Relations or International development</asp:ListItem>
                <asp:ListItem>Humanities (History, Philosophy and other Humanities)</asp:ListItem>
                <asp:ListItem>Languages</asp:ListItem>
                <asp:ListItem>Law</asp:ListItem>
                <asp:ListItem>Marketing or Management</asp:ListItem>
                <asp:ListItem>Medicine and Dentistry</asp:ListItem>
                <asp:ListItem>Science (Including Medicine, Pharmacy and other science courses)</asp:ListItem>
                <asp:ListItem>Social Sciences (Including Geography, Sociology and other social sciences)</asp:ListItem>
                <asp:ListItem>Other</asp:ListItem>
            </asp:DropDownList>
            <label for="yearofstudy">
                YEAR OF STUDY</label>
            <asp:DropDownList ID="yearList" runat="server"  data-mini="true" > 
                <asp:ListItem></asp:ListItem>
                <asp:ListItem>First</asp:ListItem>
                <asp:ListItem>Second</asp:ListItem>
                <asp:ListItem>Third</asp:ListItem>
                <asp:ListItem>Fourth</asp:ListItem>
                <asp:ListItem>Graduated</asp:ListItem>
                <asp:ListItem>Post Graduate</asp:ListItem>
                <asp:ListItem>Other</asp:ListItem>
            </asp:DropDownList>
            <label for="degreetype">
                DEGREE TYPE</label>
            <asp:DropDownList ID="DegreeList" runat="server" data-mini="true">
                <asp:ListItem></asp:ListItem>
                <asp:ListItem>BA or BSc</asp:ListItem>
                <asp:ListItem>BEng or MEng</asp:ListItem>
                <asp:ListItem>MA or MSc</asp:ListItem>
                <asp:ListItem>MBA</asp:ListItem>
                <asp:ListItem>Mphil or PhD</asp:ListItem>
                <asp:ListItem>Other</asp:ListItem>
            </asp:DropDownList>
            <label for="careerinterest">
                CAREER INTEREST</label>
            <asp:DropDownList ID="careerList" runat="server" data-mini="true">
                <asp:ListItem></asp:ListItem>
                <asp:ListItem>Accountancy & Professional Services</asp:ListItem>
                <asp:ListItem>Banking & Finance </asp:ListItem>
                <asp:ListItem>Business & Entrepreneurship</asp:ListItem>
                <asp:ListItem>Creative & Fashion</asp:ListItem>
                <asp:ListItem>Management and Strategy Consultancy</asp:ListItem>
                <asp:ListItem>Education & Teaching</asp:ListItem>
                <asp:ListItem>Engineering & industrial companies</asp:ListItem>
                <asp:ListItem>International Development</asp:ListItem>
                <asp:ListItem>Law</asp:ListItem>
                <asp:ListItem>Media & Publishing</asp:ListItem>
                <asp:ListItem>Medicine & Pharmaceutical </asp:ListItem>
                <asp:ListItem>Oil & Gas</asp:ListItem>
                <asp:ListItem>Public Sector</asp:ListItem>
                <asp:ListItem>Retail</asp:ListItem>
                <asp:ListItem>Software technology, ICT & Telecoms</asp:ListItem>
                <asp:ListItem>Third Sector or Charities</asp:ListItem>
                <asp:ListItem>I'm not sure</asp:ListItem>
                <asp:ListItem>Others</asp:ListItem>
            </asp:DropDownList>
            <div id="previousbtn">
                <a href="#first_signup" data-role="button" data-direction="reverse" data-transition="slide">
                    Previous</a></div>
            <div id="nextbtn">
                <a href="#third_signup" data-role="button" data-transition="slide">Next</a>
            </div>
        </div>
    </div>
    <div data-role="page" id="third_signup">
        <div data-role="header" data-theme="f">
                  <a href="#second_signup" data-icon="back" data-iconpos="notext" data-rel="dialog"
                data-transition="fade">Back</a>
            <a href="default.aspx" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
            <div id="loginimg">
                <strong>SIGN UP</strong></div>
                <div id="pageno3">
                <img src="images/p3.png"/>
        </div>
        </div>
        <!-- /header -->
        <div data-role="content">
        <div class="loginnote">
                ADDITIONAL INFORMATION (OPTIONAL)</div><br />
            <label for="gender">
                GENDER</label>
            <asp:DropDownList ID="genderList" runat="server" data-mini="true">
                <asp:ListItem></asp:ListItem>
                <asp:ListItem>Male</asp:ListItem>
                <asp:ListItem>Female</asp:ListItem>
            </asp:DropDownList>
            <label for="ethnicity">
                ETHNICITY</label>            
            <asp:DropDownList ID="ethnicityList" runat="server" data-mini="true">
                <asp:ListItem></asp:ListItem>
                <asp:ListItem>Black African</asp:ListItem>
                <asp:ListItem>Black Caribbean</asp:ListItem>
                <asp:ListItem>Mixed</asp:ListItem>
                <asp:ListItem>White</asp:ListItem>
                <asp:ListItem>Asian or Asian British</asp:ListItem>
                <asp:ListItem>Latino</asp:ListItem>
                <asp:ListItem>Other</asp:ListItem>
            </asp:DropDownList>
           <%-- <label for="ukcitizen">
                UK CITIZEN</label>
            <asp:DropDownList ID="citizenList" runat="server" data-mini="true" >
                <asp:ListItem></asp:ListItem>
                <asp:ListItem Value="true">Yes</asp:ListItem>
                <asp:ListItem Value="false">No</asp:ListItem>
            </asp:DropDownList>--%>
            <label for="agegroup">
                AGE GROUP</label>
            <asp:DropDownList ID="ageList" runat="server" data-mini="true">
                <asp:ListItem></asp:ListItem>
                <asp:ListItem>under 18</asp:ListItem>
                <asp:ListItem>18 - 21</asp:ListItem>
                <asp:ListItem>22 - 25</asp:ListItem>
                <asp:ListItem>over 25</asp:ListItem>
            </asp:DropDownList>
            <asp:CheckBox ID="CheckBox1" runat="server" Text="Has member paid?" />
            <div id="previousbtn">
                <a href="#second_signup" data-role="button" data-direction="reverse" data-transition="slide">
                    Previous</a></div>
            <div id="completebtn">
                <asp:Button ID="Button1" runat="server" Text="Complete" data-role="button" data-transition="fade"/>
            </div>
            <div style="clear:both"></div>
            <div>
                <asp:Label ID="msgLabel" runat="server" Text=""></asp:Label>
            </div>
        </div>
    </div>
</asp:Content>

